@charset "utf-8";
#mod_logo {
    background: transparent url("../img/logo.png") no-repeat;
    background-size: 78px 78px;
    width: 78px;
    height: 78px;
    float: left;
}

#area_head_left {
	width: 1074px;
	height: 78px;
	float: right;
}

#wrap_ad_top {
    width: auto;
    height: 45px;
	background-color: black;
}

#wrap_xslider {
    float: left;
    width: 600px;
    height: 338px;
    background-color: yellow;
}
.xslider{margin:0 auto;}
.xslider-btn,.xslider-title,.xslider-focus,.xslider-t,.xslider-btn{position:absolute}
.xslider-title
{
    position:absolute;width:100%;height:40px;line-height:40px;background:#000;
    filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;
    left:0;bottom:0;_bottom:-1px;z-index:1
}
.xslider-t{color:#fff;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px}
.xslider-focus span,.xslider-btn span{background:url(../img/slider/ico.png) no-repeat;display:block;}
.xslider-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.xslider-focus span
{
    width:12px;height:12px;line-height:12px;float:left;margin-left:5px;
    position:relative;top:14px;cursor:pointer;
    background-position:-24px -126px;text-indent:-9999px
}
.xslider-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.xslider-btn span
{
    width:41px;height:41px;cursor:pointer;
    filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;
    position:relative
}
.xslider-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.xslider-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.xslider-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.xslider-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:0;height:0;overflow:hidden;}

#wrap_editor_choices {
    float: right;
    width: 184px;
    height: 338px;
}
.choice {
    width: 184px;
    height: 106px;
    margin-bottom: 10px;
}
.choice .img {
	display:block;
	position:relative;
	height:100%;
	overflow:hidden
}
.choice .img img {
	width:100%;
	height:100%
}
.choice .img .type {
	position:absolute;
	top:0;
	left:8px;
	width:46px;
	height:20px;
	line-height:20px;
	color:#fff;
	text-align:center;
	background:#e94c3d;
	font-size:12px;
	z-index:1
}
.choice .img .bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(39,38,39,.6);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#70393839", endColorstr="#70393839")\9
}
.choice .img .shape {
	width:32px;
	height:3px;
	background:#e94c3d;
	display:inline-block;
	position:absolute;
	top:37px;
	left:59px
}
.choice .img .title {
	color:#fff;
	position:absolute;
	top:45px;
	padding:0 8px;
	font-size:14px;
	font-family:"微软雅黑","Hiragino Sans GB";
	word-break:break-all
}
.choice .img:hover .title {
	color:#e05a5a
}


#title_category {
	width:800px;
	height:54px;
	background:url("../img/title_cate.png") no-repeat;
	color:black;
	text-align:center;
	line-height:54px;
	font-size:32px;
	font-weight:700;
}

#wrap_cellulitis{
    background: url("../img/bg_cellulitis.jpg") no-repeat;background-size: 336px 338px; width:336px;
    text-align:center; padding-top:10px; height:328px; border:0px solid #000; position:relative;
}
#hex {padding:0; margin:0 auto; list-style:none; width:325px;}
#hex li {display:block; float:left; width:104px; margin-right:4px;  height:120px;}
#hex li.p1 {padding-left:54px;}
#hex li.p2 {margin-top:-26px;}

#hex li a {text-decoration:none; color:#000; cursor:pointer;}
#hex li a b {
    display:block; width:0; height:0; overflow:hidden; border-bottom:30px solid #999999; border-left:52px solid transparent;
    border-right:52px solid transparent;opacity:0.7;
}
#hex li a span {
    display:block; width:104px; height:60px; line-height:59px; text-align:center;
    background:#999999; font-size:11px; font-family: arial, veradana, sans-serif;opacity:0.7;
}
#hex li a em {
    display:block; width:0; height:0; overflow:hidden; border-top:30px solid #999999;
    border-left:52px solid transparent; border-right:52px solid transparent;opacity:0.7;
}

#hex li a.inner b {border-bottom-color:#aa5555;color:white;opacity:0.7;}
#hex li a.inner span {background:#aa5555;color:white;opacity:0.7;}
#hex li a.inner em {border-top-color:#aa5555;color:white;opacity:0.7;}

#hex li a:hover {white-space:normal; color:#000000;}
#hex li a:hover b {border-bottom-color:white;opacity:1;}
#hex li a:hover span {background:white;opacity:1;}
#hex li a:hover em {border-top-color:white;opacity:1;}

#hex li a.inner:hover b {border-bottom-color:red;opacity:1;}
#hex li a.inner:hover span {background:red;opacity:1;}
#hex li a.inner:hover em {border-top-color:red;opacity:1;}

#wrap_ad_banner1 {
    width: 336px;
    height: 338px;
}

#wrap_right_nav{
    width: 336px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#right_nav { height: auto; overflow: hidden;width: 334px; border: black solid 1px;}
#right_nav a:link, right_nav a:visited {
		      color: black;padding: 3px 8px; background-color: #F3F3F3; margin: 2px;
		      height: 20px; line-height: 30px; -moz-border-radius: 3px; border-radius: 3px;
		      white-space: nowrap; -webkit-transition: background-color .15s linear, color .15s linear;
		      -moz-transition: background-color .15s linear, color .15s linear;
		      -o-transition: background-color .15s linear, color .15s linear;
		      -ms-transition: background-color .15s linear, color .15s linear;
		      transition: background-color .15s linear, color .15s linear;
		      font-weight: 700;font-size:9pt;
		  }
#right_nav a:hover { background-color: #000; color: #FFF; }

#wrap_tagcloud{
    width: 336px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#tagcloud { height: auto; overflow: hidden;width: 334px; border: black solid 1px;}
#tagcloud a:link, tagcloud a:visited {
		      color: black;padding: 3px 8px; background-color: #F3F3F3; margin: 2px;
		      height: 20px; line-height: 30px; -moz-border-radius: 3px; border-radius: 3px;
		      white-space: nowrap; -webkit-transition: background-color .15s linear, color .15s linear;
		      -moz-transition: background-color .15s linear, color .15s linear;
		      -o-transition: background-color .15s linear, color .15s linear;
		      -ms-transition: background-color .15s linear, color .15s linear;
		      transition: background-color .15s linear, color .15s linear;
		      font-size: 10pt;font-weight: 700;
		  }
#tagcloud a:hover { background-color: #000; color: #FFF; }
.action { border-top: solid 1px #F3F3F3; margin-top: 5px; padding-top: 5px; text-align: right; }
.action a { color: #CCCCCC; }

#wrap_hot_arts{
    width: 336px;
    padding-top: 10px;
}
#cls_bar_title_left{
    width: 336px;
    height: 50px;
}
.cls_title_left{
    width: 336px;
    height: 25px;
    font-size: 18px;
    text-align: center;
}
.cls_subtitle_left{
    widht: 336px;
    height: 25px;
    font-size: 10px;
    text-align: center;
}
.cls_body_left{
    width: 336px;
}
.cls_art_list{
    list-style-type: none;
    margin:20px; padding: 0;
    margin-bottom: 0px;
}
.cls_art_list li{
    width: 296px;
    height: 40px;
    display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.cls_art_list a:link {text-decoration:none;color:black;}
.cls_art_list a:hover {text-decoration:underline;color:red;}
.cls_art_list a:active {text-decoration:none;color:white;}
.cls_art_list a:visited {text-decoration:none;color:black;}

#wrap_hot_comments{
    width: 336px;
}
#hot_comments ul { 
    list-style-type: none;
    list-style:none;
    margin:0px;
    padding:0px;
}
#hot_comments li{border-bottom:1px solid #f0f0f0;overflow:hidden;margin-left: 10px; margin-right: 10px;}
#hot_comments li .author-info{margin-top:20px;height:29px;line-height:29px;font-size:12px;}
#hot_comments li .author-info .avt{float:left;width:29px;height:29px;border-radius:50%;margin-right:15px;}
#hot_comments li .author-info i{font-style:normal;color:#333;float:left;text-indent:5px;font-size:16px;}
#hot_comments li .author-info span{color:#bbb;float:right;}
#hot_comments li .comment-inner p{font-size:14px;color:#333;line-height:22px;margin:5px 0 5px 48px;}
#hot_comments li .comment-refer{position:relative;height:43px;line-height:43px;padding-left:48px;}
#hot_comments li .comment-refer .t{font-size:12px;color:#999;height:21px;line-height:21px;overflow:hidden;display:inline-block;}
#hot_comments li .comment-refer .t a{color:#999;font-style:normal;margin-left:5px;}
#hot_comments li .comment-refer .t a:hover{text-decoration:none;color:#e05a5a;}
#hot_comments li .comment-refer .comment-icon{
    width:21px;height:15px;vertical-align:middle;display:inline-block;
    background-image:url("../img/ico_comment_01.png");
    background-image:-webkit-image-set(url("../img/ico_comment_01.jpg") 1x,url("./img/ico_comment_02.png") 2x);
    background-image:url("../img/ico_comment_03.png")\9;background-repeat:no-repeat;position:absolute;left:0;top:5px;
}

.article{font-size:12px;border-top:1px solid #eaecef;position:relative;padding:20px 0;*zoom:1;padding-top:20px;}
.article:first-child{border-top:0;}
.article h3{margin-bottom:5px;}
.article h3 a{font:20px/29px "微软雅黑";color:#262627;font-weight:800;}
.article h3 a:hover{color:#e05a5a;text-decoration:none;}
.article .article-pic{position:absolute;left:0;width:200px;height:120px;top:20px;}
.article .article-pic a{display:block;height:100%;overflow:hidden;}
.article .article-pic img{width:100%;}
.article .article-text,.article .article-text1{height:48px;color:#606a77;font-size:16px;line-height:24px;overflow:hidden;}
.article .article-info{line-height:22px;color:#999;overflow:hidden;margin-top:13px;}
.article .article-info .article-author,.article .article-info .tm,.article .article-info .count,.article .article-info .share-article{
	margin-right:10px;display:inline-block;*display:inline;*zoom:1;
}
.article .article-info .share-article{color:#999;}
.article .article-info .share-article:hover{color:#999;text-decoration:none;}
.article .article-info .article-author{color:#666;}
.article .article-info .article-author:hover{color:#ccc;text-decoration:none;}
.article .article-info .labels{float:right;display:inline;background-color:red;height:24px;margin:0;padding:0;visibility:hidden;}
.article-info .label{padding:0 1px;display:inline;height:24px;_overflow:hidden;vertical-align:top;}
.article-info .label .labelnm{color:#999;margin:0 2px 0 0;_height:18px;_line-height:18px;_display:inline;_zoom:1;}
.article-info .labelnm:hover{color:#e05a5a;text-decoration:none;}
.article-time{position:absolute;right:0;top:27px;_right:20px;}
.hasImg{padding-left:220px;padding-right:0px;min-height:138px;_height:138px;}
.hasImg .article-info{width:580px;height:24px;margin:0;padding:0;padding-top:15px;}
.hasImg .article-text,.hasImg .article-text1{overflow:hidden;}
.bdsharebuttonbox {float:right;margin-right:-1px;margin-right:-3px;}

DIV.bar_page {  
    PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 13.2pt; PADDING-BOTTOM: 7px;
	MARGIN: 3px; PADDING-TOP: 7px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center  
}  
DIV.bar_page A {  
    BORDER-RIGHT: #d9d300 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #d9d300 2px solid; PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #d9d300 2px solid; COLOR: #fff; PADDING-TOP: 2px;
	BORDER-BOTTOM: #d9d300 2px solid; BACKGROUND-COLOR: #d90; TEXT-DECORATION: none  
}  
DIV.bar_page A:hover {  
    BORDER-RIGHT: #ff0 2px solid; BORDER-TOP: #ff0 2px solid; BORDER-LEFT: #ff0 2px solid; COLOR: #000;
	BORDER-BOTTOM: #ff0 2px solid; BACKGROUND-COLOR: #ff0  
}  
DIV.bar_page A:active {  
    BORDER-RIGHT: #ff0 2px solid; BORDER-TOP: #ff0 2px solid; BORDER-LEFT: #ff0 2px solid; COLOR: #000;
	BORDER-BOTTOM: #ff0 2px solid; BACKGROUND-COLOR: #ff0  
}  
DIV.bar_page SPAN.current {  
    BORDER-RIGHT: #fff 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold;
	PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #fff 2px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 2px solid  
}  
DIV.bar_page SPAN.disabled {  
    DISPLAY: none  
}

#indicator{
	width:48px;
	height: 144px;
	position: fixed;
	right:0;bottom:0
}
#shang{
	background:url("../img/arrowu.png") no-repeat;
	background-size: 48px 48px;
	display: block;cursor:pointer;
	width:48px;height: 48px;
	margin: 0;padding:0;
}
#shang:hover 
{
	background:url("../img/arrowuh.png") no-repeat;
	background-size: 48px 48px;
	display: block;cursor:pointer;
	width:48px;height: 48px;
	margin: 0;padding:0;
}
#zhong_w{
	display: inline-block;
	width:48px;height: 48px;
	margin:0;padding:0;
}
#zhong{
	background:url("../img/wx-icon.png") no-repeat;
	background-size: 32px 32px;
	display: inline-block;cursor:pointer;
	width:32px;height: 32px;
	margin:0;padding:0;
	position: relative;
	top: 8px;
	left: 8px;
}
#xia{
	background:url("../img/arrowd.png") no-repeat;
	background-size: 48px 48px;
	display: block;cursor:pointer;
	width:48px;height: 48px;
	margin:0;padding:0;
}
#xia:hover 
{
	background:url("../img/arrowdh.png") no-repeat;
	background-size: 48px 48px;
	display: block;cursor:pointer;
	width:48px;height: 48px;
	margin:0;padding:0;
}
#indicator .weixin{display:none;}
#zhong:hover .weixin{position:absolute;display:block;right:48px;bottom: -48px;z-index:9999;}

footer{display:block}
.row:after{clear:both}
.footer_container:after,.footer_container:before,.row:after,.row:before{display:table;content:" "}
.footer_container{margin-right:auto;margin-left:auto}

.footer_container{width:1050px;}
.col-sm-2,.col-sm-4{float:left}
.col-sm-2{width:16.66667%}
.col-sm-4{width:33.33333%}
.col-sm-pull-2{right:16.66667%}
.col-sm-pull-4{right:33.33333%}
.col-sm-push-2{left:16.66667%}
.col-sm-push-4{left:33.33333%}
.col-sm-offset-2{margin-left:16.66667%}
.col-sm-offset-4{margin-left:33.33333%}
/*
@media (min-width:768px){.footer_container{width:750px}}
@media (min-width:992px){.footer_container{width:970px}}
@media (min-width:1200px){.footer_container{width:1050px}}
@media (min-width:768px){

}
*/
#footer,#footer a{color:#888;text-decoration:none}
#footer{border-top:1px solid #EEE;padding:40px 0;line-height:1.6;vertical-align:top;background:black;width:100%;}
#footer .site-link{margin:0 0 40px}
#footer .site-link dt{font-weight:700;margin-bottom:20px;color:white}
#footer .site-link dd{margin:5px 0;font-size:13px}
#footer .copyright{text-align:center;font-size:13px}

.art_content p
{
	font-variant: normal;
	font-family: "Microsoft YaHei" ! important;
	text-indent: 28px;
	font-size: 14px;
	margin-bottom: 8px;
	line-height:200%;
}

/********************* 下拉菜单 开始 ******************************/
.cls_main_menu {
	position:relative;
	height:32px;
	line-height:32px;
	border:0;
	background-color:black;
	font-family:"Microsoft YaHei",SimSun;
	font-size:12px;
}

.cls_main_menu h3 {
	font-weight:normal;
	font-size:100%;
}
.cls_main_menu dl {
	zoom:1;
}
.cls_main_menu .turn_eft {
	float:left;
}
.cls_main_menu .turn_right {
	float:right;
}
.cls_main_menu dd {
	float:left;
	position:relative;
}
.cls_main_menu dd h3 {
	float:left;
}
.cls_main_menu dd h3 a {
	display:inline-block;
	*display:inline;
	zoom:1;
	height:32px;
	line-height:32px;
	padding-left: 20px;
	padding-right: 20px;
	color: white;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

.cls_main_menu .cls_cur_menu_item {
	border-bottom:4px solid red;
	margin-bottom: 0px;
	height: 28px;
	line-height: 28px;
}

.cls_main_menu dd h3 a i {
	display:inline-block;
	width:8px;
	height:5px;
	margin:0 0 0 5px;

	vertical-align:middle;
	font-size:12px;
	line-height:13px;
	background:url(../img/down-icon.png) no-repeat;
}
.cls_main_menu dd h3 a:hover,.cls_main_menu dd.on h3 a{
	background: gray;
	color: white;
}
.cls_main_menu dd ul {
	display:none;
	position:absolute;
	/*width:110px;*/
	top:32px;
	left:0;
	border:0;
	background: black;
	-moz-box-shadow:3px 3px 3px rgba(0,0,0,.1);
	-webkit-box-shadow:3px 3px 3px rgba(0,0,0,.1);
	box-shadow:3px 3px 3px rgba(0,0,0,.1);
}
.cls_main_menu dd ul li {
	line-height:32px;
}
.cls_main_menu dd ul li a {
	display:block;
	color: white;
	padding:0 15px;
}
.cls_main_menu dd ul li a:hover {
	background: #555555;
	color: white;
}
.cls_main_menu dd ul li a span {
	color: red;
	margin-left:5px;
}
/********************* 下拉菜单 结束 ******************************/